#container{
    width: 1024px;
    height: 620px;
    margin: 0 auto;
    background: url('../image/release/background.jpg') no-repeat;
    position: relative;
    overflow: hidden;
    background-size: 1024px;
}

#type,#color,#content{
    margin: 20px 15px;
    font-family: '华文行楷';
    font-size: 28px;
    color: black;
}
#type>span{
    display: inline-block;
    height: 80px;
    line-height: 80px;
    vertical-align: top;
}
#type>img{
    width: 80px;
    border: 2px solid gray;
    vertical-align: top;
    cursor: pointer;
}
#type>img:hover{
    border: 2px solid red;
}
#color>i{
    display: inline-block;
    width: 80px;
    height: 40px;
    cursor: pointer;
    box-sizing: border-box;
}
#type>.selected,#color>.selected{
    border: 2px solid red;    
}
#color>i:hover{
    border: 2px solid red;
}
#content .content{
    vertical-align: top;
}
#content .textarea{
    width: 300px;
    height: 180px;
}
#content button{
    width: 100px;
    height: 60px;
    margin-left: 128px;
    cursor: pointer;
    font-size: 16px;
}
/* 便签预览 */
#preview{
    width: 200px;
    height: 250px;
    font-size: 12px;
    overflow: hidden;
    margin-top: 10px;
    margin-left: 10px;
    box-sizing: border-box;
    position: absolute;
    left: 500px;
    bottom: 130px;
    background: url('../image/release/tag1_color1.png') no-repeat;
}
#preview .author{
    text-align: right;
}
/* 不同的便签类型,padding不同 */
.tag1_preview{
    padding:60px 20px 0 20px;
}
.tag2_preview{
    padding:32px 28px 0 20px;
}
.tag3_preview{
    padding:40px 20px 0 15px;
}
.tag4_preview{
    padding:75px 20px 0 15px;
}
.tag5_preview{
    padding:45px 45px 0 45px;
    text-align: center;
}
.tag6_preview{
    padding:50px 25px 0 15px;
}
